

<!-- 页面右侧 -->
<aside class="blog-page-right col-xs-12 col-sm-6 col-md-4">
    <!--<aside class="blog-page-widget blog-page-aboutme">-->
    <!--其它组件-->
    <!--</aside>-->

    <aside class="blog-page-widget blog-page-order">
        <table class="table table-bordered">
            <tr>
                <td>
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#hot-article">热门文章</a></li>
                        <li><a data-toggle="tab" href="#fresh-article">最新文章</a></li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td class="blog-page-order-article tab-content">
                    <div id="hot-article" class="tab-pane fade in active">
                        <volist name="hotArticles" id="hotArticle">
                            <a class="" href="/detail/{$hotArticle.id}">{$i}、{$hotArticle.title}<i class="fa fa-fire fa-lg fa-fire-color"></i></a>
                        </volist>


                    </div>
                    <div id="fresh-article" class="tab-pane fade">
                        <volist name="freshArticles" id="freshArticle">
                        <a class="" href="/detail/{$freshArticle.id}">{$i}、{$freshArticle.title}</a>
                        </volist>
                    </div>
                </td>
            </tr>
        </table>
    </aside>

    <aside class="blog-page-widget blog-page-links">
        <table class="table table-bordered">
            <tr>
                <td>
                    <div align="center"><h4>友情链接</h4></div>
                </td>
            </tr>
            <tr>
                <td>
                    <volist name="friendLinks" id="friendLink">
                    <a class="btn btn-info blog-page-links-a" href="{$friendLink.link}">{$friendLink.name}</a>
                    </volist>
                </td>
            </tr>
        </table>
    </aside>

    <aside class="blog-page-widget blog-page-links">
        <table class="table table-bordered">
            <tr>
                <td>
                    <div align="center"><h4>文章归档</h4></div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="blog-widget-scroll ">
                        <volist name="archives" id="archive">
                        <div><a href="/date/{$archive['year']}-{$archive['month']}">{$archive['archive']}({$archive['num']})</a></div>
                        </volist>
                    </div>
                </td>
            </tr>
        </table>
    </aside>

    <aside class="blog-page-widget blog-page-ad">
        <table class="table table-bordered">
            <tr>
                <td>
                    <div align="center"><h4>广告展示</h4></div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- 指示器 -->
                        <ol class="carousel-indicators">
                            <volist name="ads" id="ad">

                            <li data-target="#carousel-example-generic" data-slide-to="{$i}" class="active"></li>
                            </volist>
                        </ol>
                        <!-- 轮播图项目 -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <a href="{$ads[0]['link']}"><img src="__ROOT__/upload/{$ads[0]['img_link']}" class="blog-page-ad-img" alt="广告"></a>
                                <div class="carousel-caption">
                                    {$ads[0]['name']}
                                </div>
                            </div>
                            <volist name="ads" id="ad" offset="1">
                                <div class="item">
                                    <a href="{$ad['link']}"><img src="__ROOT__/upload/{$ad['img_link']}" class="blog-page-ad-img" alt="广告"></a>
                                    <div class="carousel-caption">
                                        {$ad['name']}
                                    </div>
                                </div>
                            </volist>

                        </div>
                        <!-- 控制 -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </td>
            </tr>
        </table>
    </aside>
</aside>

</section>
<!-- 页面中间部分end -->

<!-- 页面底部start -->
<footer class="blog-bottom">
    <div class="blog-copyright">Copyright ©2017 <a href="#">{$blogInfo['blog_name']}</a></div>
    <div class="blog-theme">Website: <a href="#">{$blogInfo['blog_name']}</a> Made by <a href="https://www.thinkcmf.com/">ThinkCMF </a>And Theme Made By <a href="http://www.kavience.com/">Kavience</a></div>
    <div class="blog-record">{$blogInfo['copyright']}</div>
</footer>
<!-- 页面底部end -->


